import { login, userInfo, userProfile } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp,getTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'
const state = {
  // 保存token
  token: getToken(),
  // 声明一个保存用户信息的state
  userInfo: {}
  
}

const mutations = {

  // 设置token
  setToken (state, token) {
    // 存到vuex的state
    state.token = token
    // 存到本地
    setToken(token)
    //保存时间戳
    setTimeStamp()
  },

  // 设置用户信息
  setUserInfo (state, payload) {

    state.userInfo = payload
  },
  //删除token
  removeToken(state){
    state.token = null
    removeToken()
  },
  removeUserInfo(state){
    state.userInfo={}
  }
}

const actions = {

  // 发请求获取token
  async login (context, data) {

    // 传入参数
    try {
      
      let res = await login(data)
      context.commit('setToken', res.data)

    }catch (error){

      // 来到这证明请求失败，让代码报错
      // 这样子Login.vue就能收到失败的信息了
      return Promise.reject(error)
    }
  },

  // 发请求获取用户信息
  async getUserInfo (context) {

    // 发请求
    let res = await userInfo()
    // 发请求获取基本资料
    let res2 = await userProfile(res.data.userId)

    // 请问此时userInfo里应该res和res2里的数据都要有
    let allInfo = {
      ...(res.data),
      ...(res2.data)
    }
    context.commit('setUserInfo', allInfo)
    return allInfo
  },
  //退出
  logout({commit}){
    commit('removeToken')
    commit('removeUserInfo')
    resetRouter()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

